/* 基础单元格样式 - 统一使用.cell */
.root, .border-pane {
    -fx-background-color: #f0f0f0;
}

/* 网格面板样式 */
.grid-pane {
    -fx-background-color: #c0c0c0;
    -fx-padding: 5px;
}


.cell {
    -fx-background-color: #c0c0c0;
    -fx-border-color: #808080 #ffffff #ffffff #808080;
    -fx-border-width: 2px;
    -fx-min-width: 30px;
    -fx-min-height: 30px;
    -fx-alignment: center;
    -fx-font-size: 12px;
    -fx-font-weight: bold;
    -fx-padding: 2px;
    -fx-content-display: center;
}

/* 数字样式 */
.cell.number-1 { -fx-text-fill: #0000FF; }
.cell.number-2 { -fx-text-fill: #008000; }
.cell.number-3 { -fx-text-fill: #FF0000; }
.cell.number-4 { -fx-text-fill: #000080; }
.cell.number-5 { -fx-text-fill: #800000; }
.cell.number-6 { -fx-text-fill: #008080; }
.cell.number-7 { -fx-text-fill: #000000; }
.cell.number-8 { -fx-text-fill: #808080; }

/* 状态样式 */
.cell.revealed {
    -fx-background-color: #E0E0E0;
    -fx-border-color: #A0A0A0;
}

.cell.mine {
    -fx-background-color: #FFCCCC;
}

.cell.flag {
    -fx-text-fill: #FF0000;
}

/* 图片样式 */
.cell .image-view {
    -fx-fit-width: 24px;
    -fx-fit-height: 24px;
}

/* 高亮样式 */
.highlighted-cell {
    -fx-background-color: #a0a0a0 !important;
}

.center-highlight {
    -fx-border-color: red !important;
    -fx-border-width: 2px !important;
}